// display
.hidden {
    display: none;
}
.block {
    display: block;
}
.flow-root {
    display: flow-root;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.grid {
    display: grid;
}
.inline-grid {
    display: inline-grid;
}
.table {
    display: table;
}
.table-caption {
    display: table-caption;
}
.table-cell {
    display: table-cell;
}
.table-column {
    display: table-column;
}
.table-column-group {
    display: table-column-group;
}
.table-footer-group {
    display: table-footer-group;
}
.table-header-group {
    display: table-header-group;
}
.table-row-group {
    display: table-row-group;
}
.table-row {
    display: table-row;
}
// Floats
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.float-none {
    float: none;
}
.clearfix {
    &::after {
        content: "";
        display: table;
        clear: both;
    }
}
// Overflow
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible {
    overflow: visible;
}
.overflow-scroll {
    overflow: scroll;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-x-visible {
    overflow-x: visible;
}
.overflow-y-visible {
    overflow-y: visible;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.scrolling-touch {
    -webkit-overflow-scrolling: touch;
}
.scrolling-auto {
    -webkit-overflow-scrolling: auto;
}
// Position
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
// Top / Right / Bottom / Left
.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.inset-y-0 {
    top: 0;
    bottom: 0;
}
.inset-x-0 {
    right: 0;
    left: 0;
}
.top-0 {
    top: 0;
}
.right-0 {
    right: 0;
}
.bottom-0 {
    bottom: 0;
}
.left-0 {
    left: 0;
}
.inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
.inset-y-auto {
    top: auto;
    bottom: auto;
}
.inset-x-auto {
    left: auto;
    right: auto;
}
.top-auto {
    top: auto;
}
.bottom-auto {
    bottom: auto;
}
.left-auto {
    left: auto;
}
.right-auto {
    right: auto;
}
// Z-Index
.z-0 {
    z-index: 0;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.z-40 {
    z-index: 40;
}
.z-50 {
    z-index: 50;
}
.z-auto {
    z-index: auto;
}
